<?php session_start();

if (isset($_SESSION['loggedIn'])) {

	require ('fonctions.php5');
	$user=$_SESSION['userId'];;   
	$eMail=$_SESSION['eMail'];;   
	?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
	
	<script src="util.js" language="javascript"></script>
	<script src="ajaxStuff.js" language="javascript"></script>
	<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
	<script type="text/javascript" src="jquery.history.js"></script>
	<script type="text/javascript">
	var $j = jQuery.noConflict();
	var $ = {};
	
	$j(document).ready(function(){
		// Initialize history plugin.
		// The callback is called at once by present location.hash. 
		$j.history.init(pageload);
		
		// set onlick event for buttons
		$j("a[@rel='history']").click(function(){
			// 
			var hash = this.href;
			hash = hash.replace(/^.*#/, '');
			// moves to a new page. 
			// pageload is called at once. 
			$j.history.load(hash);
			return false;
		});
	});

	function pageload(hash) {
		
		// hash doesn't contain the first # character.
		if(hash) {
			// restore ajax loaded state
			$j("#load").load(hash + ".html");
			
			if (hash.indexOf("SAcceuil") != -1) {
				toAccueil();
			}
			if (hash.indexOf("SArchives") != -1) {
				toArchives();
			}
			if (hash.indexOf("SNouvelleFiche") != -1) {
				toNouvelleFiche();
			}
			
		} else {
			// start page
			$j("#load").empty();
		}
	}


	function createRequestObject() {
		var obj;
		var browser = navigator.appName;
		if(browser == "Microsoft Internet Explorer"){
			return new ActiveXObject("Microsoft.XMLHTTP");
		}
		else{
			return new XMLHttpRequest();
		}   
	}
	var http=createRequestObject();

	function toNouvelleFiche(tg) {
			
			document.getElementById("archives").style.visibility = 'collapse';
			document.getElementById("archives").style.height = '0px';
			
			document.getElementById("nouvelleFiche").style.visibility = 'visible';
			document.getElementById("nouvelleFiche").style.height = 'auto';


			document.getElementById("accueil").style.visibility = 'collapse';
			document.getElementById("accueil").style.height = '0px';
			
			doc=document.location.href;
			
			// si l'utilisateur a cliqué sur le bouton alors il faut rajouter le #SNouvelleFiche à la fin de l'url
			
			if (tg == "DIV") {
				content = doc.substring(0, doc.indexOf("gestion-de-ma-biblo.php5") + 24);
				window.location.replace(content + "#SNouvelleFiche");
			}
			
			window.scroll(0,0);
		}
	function toArchives() {
			
			document.getElementById("nouvelleFiche").style.visibility = 'collapse';
			document.getElementById("nouvelleFiche").style.height = '0px';
			
			document.getElementById("accueil").style.visibility = 'collapse';
			document.getElementById("accueil").style.height = '0px';
			
			document.getElementById("archives").style.visibility = 'visible';
			document.getElementById("archives").style.height = 'auto';
			
			window.scroll(0,0);
		}
	function toAccueil() {
			
			document.getElementById("nouvelleFiche").style.visibility = 'collapse';
			document.getElementById("nouvelleFiche").style.height = '0px';
			
			document.getElementById("archives").style.visibility = 'collapse';
			document.getElementById("archives").style.height = '0px';


			document.getElementById("accueil").style.visibility = 'visible';
			document.getElementById("accueil").style.height = 'auto';
			
			window.scroll(0,0);
		}
	
	
	var filtreTags;
	var filtreDieze;
	var filtreDomaines;
	var filtreTypes;
	var filtreTitres;
	function filtrerTableauArchives () {
		window.setTimeout( function(){ 
			// 1. Récupérer les valeurs à filtrer pour la tableau
			var temp=getSelectTags();
			filtreTags = temp;
			filtreDieze = document.getElementById('filtreDieze').value;
			filtreDomaines = document.getElementById('filtreDomaine').value;
			filtreTypes = document.getElementById('filtreType').value;
			filtreTitres = document.getElementById('filtreTitre').value;
			
			
			// 2. Parcourir le tableau des fiches
			//    Objectif : afficher ceux qui correspondent, masquer ceux qui ne correspondent pas
			nbLignes = document.getElementById('nombresFichesUtilisateur').value;
					
			// parcours des lignes pour trouvées !!
			for (i = 1 ; i <= nbLignes ; i++) {
				
				// Récupérer les valeurs de la fiche courante
				courantDieze = document.getElementById("tabArc:"+i+":A").innerHTML;
				courantDomaine = document.getElementById("tabArc:"+i+":B").innerHTML;
				courantType = document.getElementById("tabArc:"+i+":C").innerHTML;
				courantTitre = document.getElementById("tabArc:"+i+":D:lien").innerHTML;
				courantTags = document.getElementById("tabArc:"+i+":D:tags").innerHTML;
				
				// Raisonnement par le non absurde : on parie qu'on va les trouver, ce qui nous permet de ne pas passer tout les attributs si un ne correspond pas
				trouveSurLaLigne = true;
				
				// 2.1. Regarder pour dieze
				if (trouveSurLaLigne==true && courantDieze.toUpperCase().indexOf(filtreDieze.toUpperCase()) == -1) {
					trouveSurLaLigne=false;
				}
				
				// 2.2. Regarder pour le domaine
				if (trouveSurLaLigne==true && courantDomaine.toUpperCase().indexOf(filtreDomaines.toUpperCase()) == -1) {
					trouveSurLaLigne=false;
				}
				
				// 2.3. Regarder pour le type
				if (trouveSurLaLigne==true && courantType.toUpperCase().indexOf(filtreTypes.toUpperCase()) == -1) {
					trouveSurLaLigne=false;
				}
				
				// 2.4. Regarder pour le titre
				if (trouveSurLaLigne==true && courantTitre.toUpperCase().indexOf(filtreTitres.toUpperCase()) == -1) {
					trouveSurLaLigne=false;
				}
				
				// 2.5. Regarder pour les tags
				if (trouveSurLaLigne==true) {
					// Parcours des tags sélectionnés
					for (j=0;j<filtreTags.length && trouveSurLaLigne==true ; j++) {
						if (courantTags != "-") {
							if (courantTags.indexOf(filtreTags[j]) == -1) {
								trouveSurLaLigne=false;
							}
						}
						else {
							trouveSurLaLigne=false;
						}
						
						
					}
				}
				
				
				// 2.6 : Cacher ou Afficher la ligne courante en fonction du résultat de la recherche
				if (trouveSurLaLigne==false) {
					document.getElementById("tabArc:"+i).style.visibility = 'collapse';
				}
				if (trouveSurLaLigne==true) {
					document.getElementById("tabArc:"+i).style.visibility = 'visible';
				}
				
			}
		}, 1);
	}

	// UTIL : récupére les labels des tags sélectionnées
	function getSelectTags() {
		nbTags = document.getElementById('nombresTagsUtilisateur').value;
		var tabTagsChecked=new Array;
		incremtTab=0;
		
		// pour chaque tag sélectionné !, on construit un tableau
		for (i = 1 ; i < nbTags ; i++)  {
			checkBox = document.getElementById('tagsUser:'+i);
			if (checkBox.checked == true) {
				tabTagsChecked[incremtTab]=checkBox.value;
				incremtTab=incremtTab+1;
			}
		}
			
		return tabTagsChecked;
	}
	
		
		/**
			Lorsque la page se charge (refresh, ou back ou next dans le naviguateur par exemple)
			On remet à zéro les composants de texte
			Puis on restaure l'état, grâce aux # dans l'url, on sait ce qui devrai être affiché, on lance donc alors une procédure de navigation vers cet état
		*/
	function onPageLoad () {
			
			
			// RAZ champ filtres archives recherche rapide
			document.getElementById("filtreTitre").value ="";
			document.getElementById("filtreDomaine").value ="";
			document.getElementById("filtreType").value ="";
			document.getElementById("filtreDieze").value ="";
		
			// récupérer l'url
			doc=document.location.href;
			content = doc.substring(doc.indexOf("gestion-de-ma-biblo.php5") + 24);
		
			// Restaurez les éventuels messages
			if (content.indexOf("#CreationOk") != -1) {
				document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:green;\">Fiche créé.</span></b>";
			}
		
			// RAZ champ de nouvelle fiche
			razFormulaireNouvelleFiche();
			
			
			// Restorez l'état de la page
			
			if (content.indexOf("#SArchives") != -1) {
				toArchives();
			}
			
			if (content.indexOf("#SNouvelleFiche") != -1) {
				toNouvelleFiche("none");
			}
			if (content.indexOf("#SAccueil") != -1) {
				toAccueil();
			}
			
		}

	function razFormulaireNouvelleFiche() {
		document.getElementById("newFicheTitre").value=null;
		document.getElementById("newFicheDomaine").value=null;
		document.getElementById("newFicheType").value=null;
		document.getElementById("newFichePertinence").value=null;
		document.getElementById("newFicheDescription").value=null;
		document.getElementById("newFicheDescription").innerHTML="";
		document.getElementById("newFicheCommentaire").value=null;
		document.getElementById("newFicheCommentaire").innerHTML="";
		
		document.getElementById("newFicheDateJour").value=null;
		document.getElementById("newFicheDateMois").value=null;
		document.getElementById("newFicheDateAnnee").value=null;
		
		document.getElementById('newFicheAuteur1').value=null;
		document.getElementById('newFicheAutresAuteurs').innerHTML="";
		
		document.getElementById('newFicheUpload:1').value=null;
		document.getElementById('newFicheAutresDocuments').innerHTML="";
		
		document.getElementById("newFicheRef").value=null;
		document.getElementById("newFicheLien").value=null;
		
		
		nbTags = document.getElementById('nombresTagsUtilisateur').value;
		for (i = 1 ; i < nbTags ; i++)  {
			document.getElementById('tagsUserCreation:'+i).checked=false;
		}
		
	}
		
	function nouvelleFiche() {
	
			document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:blue;\">Création de la fiche...</span></b>";
	
			// CHAMPS OBLIGEATOIRES
			titre = document.getElementById("newFicheTitre").value;
			domaine = document.getElementById("newFicheDomaine").value;
			type = document.getElementById("newFicheType").value;
			pertinence = document.getElementById("newFichePertinence").value;
			description = document.getElementById("newFicheDescription").value;
			
			// 2. Feedback si champs obligeatoire manquant
			champObligManquant=false;
			if (trim(titre) == "") {
				champObligManquant=true;
				verifChampsObligeatoires("newFicheTitre");
			}
			if (trim(domaine) == "") {
				champObligManquant=true;
				verifChampsObligeatoires("newFicheDomaine");
			}
			if (trim(type) == "") {
				champObligManquant=true;
				verifChampsObligeatoires("newFicheType");
			}
			if (trim(pertinence) == "") {
				champObligManquant=true;
				verifChampsObligeatoires("newFichePertinence");
			}
			if (trim(description) == "") {
				champObligManquant=true;
				verifChampsObligeatoires("newFicheDescription");
			}
			
			
			// 3. Feedback sur champs non corrects par rapport à une expression reg
			if (champObligManquant==true) {
				document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:red;\">Un indice : les zones non rouges ont passées la validation.</span></b>";
			}
			else {
				// CHAMPS FACULTATIFS AVEC VALIDATION : dates edition
				jour = document.getElementById("newFicheDateJour").value;
				mois = document.getElementById("newFicheDateMois").value;
				annee = document.getElementById("newFicheDateAnnee").value;
				champFacultatifValides = true;
				
				if ((jour != "") && IsNumeric(jour)==false) {
					champFacultatifValides=false;
					verifChampsAvecFormat("newFicheDateJour", "jour");
				}		
				if ((annee != "") && (annee.length != 4 || IsNumeric(annee)==false)) {
					champFacultatifValides=false;
					verifChampsAvecFormat("newFicheDateAnnee", "annee");
				}	

				// 4. Feedback sur champ facultatifs avec validation
				if (champFacultatifValides==false) {
					document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:red;\">Bien qu'ils soient facultatifs, les zones rouges doivent être syntaxiquement corrects.</span></b>";
				}
				else {
			
					//document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:blue;\">Création de la fiche...</span></b>";
			
					// CHAMPS FACULTATIFS : auteurs
					auteurs = new Array;
					cpt = 0;
					if (lastIndexForAuteur == null) {
						lastIndexForAuteur=1;
					}
					for (i=1 ; i <= lastIndexForAuteur ; i++) {
						currentInput = document.getElementById("newFicheAuteur"+i);
						if (currentInput != null) {
							if (currentInput.value != null || currentInput.value != "") {
								if (trim(currentInput.value) != "") {
									auteurs[cpt]=trim(currentInput.value);
									cpt++;
									
								}
							}
						}
					}
					
					// CHAMPS FACULTATIFS : tags
					tags = new Array;
					cpt = 0;
					nbTags = document.getElementById('nombresTagsUtilisateur').value;
					for (i = 1 ; i < nbTags ; i++)  {
						checkBox = document.getElementById('tagsUserCreation:'+i);
						if (checkBox.checked == true) {
							tags[cpt] = checkBox.value;
							cpt++;
						}
					}
				
					
					// CHAMPS FACULTATIFS : commentaire, upload, reférence, lien
					commentaire = document.getElementById("newFicheCommentaire").value;			
					ref = document.getElementById("newFicheRef").value;
					lien = document.getElementById("newFicheLien").value;
					
					// CHAMPS FACULTATIFS : upload
					uploads = new Array;
					cpt = 0;
					if (lastIndexForDocument == null) {
						lastIndexForDocument=1;
					}
					for (i=1 ; i <= lastIndexForDocument ; i++) {
						currentInput = document.getElementById("newFicheUpload:"+i);
						if (currentInput != null) {
							if (currentInput.value != null || currentInput.value != "") {
								if (trim(currentInput.value) != "") {
								
									uploads[cpt]=trim(currentInput.value);
									cpt++;
									
								}
							}
						}
					}
					
					// 4. Feedback : insertion en cours
					window.scroll(0,0);
				
					
					// Création fiche
					//document.getElementById('messageBoxForm').innerHTML = "<b><span style=\"color:red;\">Création de la fiche en cours...</span></b>";
					
					// Mettre tout les champs
					document.getElementById('fakeForm_userId').value=document.getElementById('userId').value;
					document.getElementById('fakeForm_titre').value=titre;
					document.getElementById('fakeForm_nbAuteurs').value=auteurs.length;
					for (i=0 ; i<auteurs.length;i++) { document.getElementById('fakeForm_auteur'+(i+1)).value=auteurs[i]; }
					document.getElementById('fakeForm_domaine').value=domaine;
					document.getElementById('fakeForm_type').value=type;
					document.getElementById('fakeForm_pertinence').value=pertinence;
					document.getElementById('fakeForm_description').value=description;
					document.getElementById('fakeForm_jour').value=jour;
					document.getElementById('fakeForm_mois').value=mois;
					document.getElementById('fakeForm_annee').value=annee;
					document.getElementById('fakeForm_commentaire').value=commentaire;
					document.getElementById('fakeForm_nbUploads').value=uploads.length;
					for (i=0 ; i<uploads.length;i++) { document.getElementById('fakeForm_upload'+(i+1)).value=uploads[i]; }
					document.getElementById('fakeForm_ref').value=ref;
					document.getElementById('fakeForm_lien').value=lien;
					document.getElementById('fakeForm_nbTags').value=tags.length; 
					for (i=0 ; i<tags.length;i++) { document.getElementById('fakeForm_tag'+(i+1)).value=tags[i]; }
					
					// Envoie du formulaire
					document.getElementById('fakeForm').submit();
					
					// Fini
					choix1 = document.getElementById('afterCreer1'); // créer nouvelle fiche
					choix2 = document.getElementById('afterCreer2'); // revenir à l'accueil
					choix3 = document.getElementById('afterCreer3'); // revenir aux archives
					
					
					// to archives
					if (choix3.checked) {
						toArchives();
						
					
						doc=document.location.href;
						content = doc.substring(0, doc.indexOf("gestion-de-ma-biblo.php5") + 24);
						window.location.replace(content + "#SArchives#CreationOk");
						location.reload(true);
					}
					
					// to accueil
					if (choix2.checked) {
						toAccueil();
					
						doc=document.location.href;
						content = doc.substring(0, doc.indexOf("gestion-de-ma-biblo.php5") + 24);
						window.location.replace(content + "#SAccueil#CreationOk");
						location.reload(true);
					}
					
					
					// to nouvelle fiche
					if (choix1.checked) {
						content = doc.substring(0, doc.indexOf("gestion-de-ma-biblo.php5") + 24);
						window.location.replace(content + "#SNouvelleFiche#CreationOk");
						location.reload(true);
					}
				}
			}
		}
		
	function handleResponseCreationFiche() {
			if(http.readyState == 4){
				var response = http.responseText;
				
				document.getElementById('messageBoxForm').innerHTML = response;
				
			}
		}
			
	function verifChampsAvecFormat(sourceId, type) {
			window.setTimeout( function(){ 
				valeur=document.getElementById(sourceId).value; 
				
				if (type=="annee") {
					if (valeur.length != 4 || IsNumeric(valeur)==false) {
						document.getElementById(sourceId).style.border = "2px solid red";
					}
					else {
						document.getElementById(sourceId).style.border = "2px solid green";
					}
				}
				
				if (type=="jour") {
					if (IsNumeric(valeur)==false) {
						document.getElementById(sourceId).style.border = "2px solid red";
					}
					else {
						document.getElementById(sourceId).style.border = "2px solid green";
					}
				}
				
				if (valeur.length == 0) {
					// remettre hover:blue
				}
				
				
			},1);
		}
	
	function verifChampsObligeatoires(sourceId) {
			window.setTimeout( function(){ 
				valeur=document.getElementById(sourceId).value; 
				
				if (trim(valeur) == "") {
					document.getElementById(sourceId).style.border = "2px solid red";
				}
				else {
					document.getElementById(sourceId).style.border = "2px solid green";
				}
				
			},1);
		}
		
		
	var fileName;
	var timeInterval;
	var currentIndex;
	function newFicheUploadDocument(inputId, index) {
			
			// 1. Vérifier la taille
			if (document.getElementById(inputId).files.item(0).fileSize > 60000000) {
				alert("Ce document, "+document.getElementById(inputId).value+", dépasse la taille maximale de 60Mo. Désolé.");
				document.getElementById(inputId).value="";
			}
			else {
				extension = document.getElementById(inputId).value.substring(document.getElementById(inputId).value.length-3);
				if (estCeUneExtenstionPossible(extension) == false) {
					var answer = confirm ("Le format du document que vous venez de sélectionner n'est pas compatible avec nos standards ; il ne sera doc pas visible dans votre naviguateur Web.\n\nIl est conseillé de :\n  - Convertir les documents de types texte en PDF\n  - Convertir les images en JPG\n(Se reporter à l'aide en ligne si vous ne savez pas comment faire)\n\nVoulez-vous quand même procéder et déposer ce fichier sur votre espace de stockage (il sera téléchargeable) ?")
				}
				
				if (answer==true || estCeUneExtenstionPossible(extension)==true) {
					document.getElementById("newFicheUploadForm:"+index).submit();
					fileName = document.getElementById(inputId).value;
					currentIndex=index;
					timeInterval=setInterval("newFicheUploadFormTraceUpload()", 1000); 
				}
			}
		}
		
	function newFicheUploadFormTraceUpload() {
			http.onreadystatechange = newFicheHandleResponseServeur;
			
			fileNameForUrl = encodeURI(fileName);
			
			http.open("GET", 'uploadFile.php5?fileName='+fileNameForUrl); 
			
			http.send(null); 
			
		}
		
	function newFicheHandleResponseServeur () {
			
			if(http.readyState == 4){
		
				var response=http.responseText;
				
				if (response != document.getElementById("messageBoxFormUpload:"+currentIndex).innerHTML) {
					document.getElementById("messageBoxFormUpload:"+currentIndex).innerHTML = response;
				}
				
				// on arrete de vérifier si l'upload est réussi
				if (response.indexOf("reussi") != -1) {
					clearInterval(timeInterval);
					document.getElementById("messageBoxFormUpload:"+currentIndex).firstElementChild.setAttribute('onclick', 'newFicheUploadDocumentCancel('+currentIndex+')')
				}
				
				// on cache l'input upload si il est réussi ou en cours
				if (response.indexOf("reussi") != -1 || response.indexOf("Préparation de l'envoie") != -1) {
					document.getElementById("newFicheUploadForm:"+currentIndex).style.height = '0px';
					document.getElementById("newFicheUploadForm:"+currentIndex).style.visibility= 'collapse';
					
					if (document.getElementById("newFicheUploadSuppr:"+currentIndex)) {
						document.getElementById("newFicheUploadSuppr:"+currentIndex).style.height = '0px';
						document.getElementById("newFicheUploadSuppr:"+currentIndex).style.visibility= 'collapse';
					}
				}
			}
		}
		
	/** ANNULER LE FICHIER UPLOADER */
	function newFicheUploadDocumentCancel(index) {
			document.getElementById("newFicheUploadForm:"+index).style.height = 'auto';
			document.getElementById("newFicheUploadForm:"+index).style.visibility= 'visible';
			document.getElementById("newFicheUploadSuppr:"+currentIndex).style.height = 'auto';
			document.getElementById("newFicheUploadSuppr:"+currentIndex).style.visibility= 'visible';
			document.getElementById("newFicheUpload:"+index).value = "";
			document.getElementById("messageBoxFormUpload:"+index).innerHTML = "";
			
			// appel aja pour supprimer le fichier
			
			//
			stayRightThere();
		}
		
	/** AJOUTER UN DOCUMENT POUR CETTE FICHE */
	var lastIndexForDocument;
	function newFicheAjouterDocument(index) {
			// mettre auteur (le libellé au pluriel)
			document.getElementById("newFicheLabelDocument").innerHTML = "Documents associées";
			
			if (lastIndexForDocument == null) {
				lastIndexForDocument = index +1;
			}else {
				lastIndexForDocument=lastIndexForDocument+1;
			}
			
			var newform = document.createElement('form'); 
			var newinput = document.createElement('input'); 
			var newiframe = document.createElement('iframe'); 
			var newdiv = document.createElement('div');
			var newLien = document.createElement('a');
			
			newform.setAttribute('action', 'uploadFile.php5?firstUpload=1');
			newform.setAttribute('id', 'newFicheUploadForm:'+lastIndexForDocument);
			newform.setAttribute('name', 'newFicheUploadForm:'+(lastIndexForDocument));
			newform.setAttribute('method', 'post');
			newform.setAttribute('enctype', 'multipart/form-data');
			newform.setAttribute('target', 'iframeUpload:'+(lastIndexForDocument));
			
			newinput.setAttribute('name', 'newFicheUpload');
			newinput.setAttribute('id', 'newFicheUpload:'+(lastIndexForDocument));
			newinput.setAttribute('type', 'file');
			newinput.setAttribute('onchange', 'newFicheUploadDocument(this.id, '+(lastIndexForDocument)+')');
			
			newiframe.setAttribute('name', 'iframeUpload:'+(lastIndexForDocument));
			newiframe.setAttribute('src', 'uploadFile.php5');
			newiframe.setAttribute('width', '0');
			newiframe.setAttribute('height', '0');
			newiframe.setAttribute('style', 'display:none');
			
			newLien.setAttribute('id', 'newFicheUploadSuppr:'+lastIndexForDocument);
			newLien.setAttribute('href', '#SNouvelleFiche');
			newLien.setAttribute('style', 'margin-left:5px;');
			newLien.setAttribute('onclick', 'newFicheSupprimerDocument('+lastIndexForDocument+')');
			newLien.innerHTML="Supprimer";
			
			newdiv.setAttribute('id', 'messageBoxFormUpload:'+(lastIndexForDocument));
			
			container = document.getElementById("newFicheAutresDocuments"); 
			newform.appendChild(newinput);
			newform.appendChild(newLien);
			newform.appendChild(newiframe);
			
			container.appendChild(newform);
			container.appendChild(newdiv);
			
			
			stayRightThere()
		}	
		
		
				
	function newFicheSupprimerDocument(index) {				
			// on supprimer tout ça
			document.getElementById("newFicheUploadForm:"+index).style.height="0px";
			document.getElementById("newFicheUploadForm:"+index).innerHTML = "";
			
			document.getElementById("messageBoxFormUpload:"+index).style.height="0px";
			document.getElementById("messageBoxFormUpload:"+index).innerHTML = "";
			
			stayRightThere()
		}
		
			
	
	var lastIndexForAuteur;
	function newFicheAjouterAuteur(index) {
	
			if (lastIndexForAuteur == null) {
				lastIndexForAuteur = index +1;
			}else {
				lastIndexForAuteur=lastIndexForAuteur+1;
			}
	
			// mettre auteur (le libellé au pluriel)
			document.getElementById("newFicheLabelAuteur").innerHTML = "Auteurs";
			
			// créer ce nouvel auteur
			var newdiv = document.createElement('div'); 
			newdiv.setAttribute ('class' , "marginTopBottom");
			newdiv.setAttribute('id', 'newFicheAutresAuteurs:'+(lastIndexForAuteur));
			newdiv.innerHTML = "<input id=\"newFicheAuteur"+(lastIndexForAuteur)+"\"  type=\"text\" class=\"moyenInput\"/> <a href=\"#SNouvelleFiche\" id=\"newFicheAuteurSuprr"+(lastIndexForAuteur)+"\" onClick=\"newFicheSupprimerAuteur("+(lastIndexForAuteur)+")\">Supprimer</a>";
			
			container = document.getElementById("newFicheAutresAuteurs"); 
			container.appendChild(newdiv);
			
		stayRightThere()
			
		}
		
	function newFicheSupprimerAuteur(index) {				
			// on supprimer tout ça
			document.getElementById("newFicheAutresAuteurs:"+index).style.height="0px";
			document.getElementById("newFicheAutresAuteurs:"+index).innerHTML = "";
		
			stayRightThere()
			// si on vient de supprimer le dernier alors il faut afficher le lien ajouter auteur
			/*
			if (index == lastIndexForAuteur) {
				trouve=false;
				i=index-1;
				while (trouve==false && i >= 1) {
					if (document.getElementById("newFicheAutresAuteurs:"+i) != null) {
						trouve=true;
					}
					if (trouve==false) {
						i=i-1;
					}
				}
				
				if (trouve==true) {
					document.getElementById("newFicheAuteurAjout"+(i)).innerHTML="Ajouter un auteur";
				}
				lastIndexForAuteur = i;
			}
			
			
			// si tout a était supprimer !
			toutSuppr = true;
			for (i = 2 ; i <= lastIndexForAuteur ; i++) {
				
				if (document.getElementById("newFicheAutresAuteurs:"+i) != null) {
					toutSuppr=false;
				}
			}
			
			if (toutSuppr==true) {
				razCompletAuteurs();
			}*/
			
		}
		
	function razCompletAuteurs() {
			document.getElementById("newFicheAutresAuteurs").innerHTML="";
			document.getElementById("newFicheAuteurAjout1").innerHTML="Ajouter auteur";
				
			// mettre auteur (le libellé au singulier)
			document.getElementById("newFicheLabelAuteur").innerHTML = "Auteur";
				
			lastIndexForAuteur=1;
	}
	
	function razCompletTags(nbTags) {
		for (i = 1 ; i < nbTags ; i++)  {
			document.getElementById('tagsUserCreation:'+i).checked=false;
		}
	}
	
	function onClickFiche(numUtil) {
	
		userId=document.getElementById('userId').value;	
		ajaxCall("stats_incrementerFiche.php5?userId="+userId+"&numUtil="+numUtil);
		
		doc=document.location.href;
		content = doc.substring(0, doc.indexOf("gestion-de-ma-biblo.php5"));
		nouvelleUrl="voir-une-fiche.php5?did="+numUtil;
		
		window.location.replace(content + nouvelleUrl);
		
		
	}
	</script>
    <link rel="stylesheet" type="text/css" href="style.css">
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>

  <body onload="onPageLoad()">
		
	<div id="top">		
		    <span><?php echo $eMail; ?></span><strong><a href="gestion-de-ma-biblo.php5">Gestion de ma biblio</a></strong><a href="mon-compte.php5">Mon compte</a><a href="administration-de-mes-donnees.php5">Administration de mes données</a><a href="login.php5?d=X">Se déconnecter</a>
			<a name="SArchives"></a>
			<a name="SNouvelleFiche"></a>
			<a name="SAccueil"></a>
			<a name="SRechercheAvance"></a>
	</div>
  
    <div id="global">

		<div id="logo">
		<img src="icon_biblio.png"/>
	</div>
		
		<div id="titres">
		<h1>
			Ma Bibliographie En Ligne
		</h1>
		Une application web de gestion de fiches documents qui ne fait pas mal.
	</div>
	
		<div id="messageBoxForm"></div>
	
		<input type="hidden" id="nombresTagsUtilisateur" value="<?php echo getNombreTagUser($user); ?>"/>
		<input type="hidden" id="userId" value="<?php echo $user; ?>"/>
	
		<!-- ACCUEIL -->
		<div id="accueil">
		<table style="width:984px;">
			<tr>
				<td  valign="top"  style="width:180px;font-size:13px;">
				
					<a class="sectionActuelle">Mon accueil</a><br/>
					<a href="#SArchives"  rel="history" onCLick="toArchives()">Archives</a><br/>
					<!--<a href="#SRechercheAvance">Recherche avancée</a><br/>-->
					
					<div id="aide">
						<h3><span class="attirance">? </span>Aide</h3>
						<p>
						Vous êtes actuellement sur votre page d'accueil, qui se présente tel un tableau de bord. Il y a aussi les archives, la recherche avancée, ainsi que la gestion de votre compte et de vos données. Vous pouvez aussi voir le détail d'une fiche, ou bien en créer une.
						</p>
					</div>
					
				</td>
			
				<td valign="top"  style="width:1000px;">
					
					
					<div id="entete-tableau">
						<div id="bouton" onclick="toNouvelleFiche(this.tagName)">
						Nouvelle fiche
						</div>
						
						<!--<input type="button" value="Nouvelle fiche" class="newFiche" onClick="toNouvelleFiche(this.tagName)"/>-->
					</div>
					
					<div id="conteneur-accueil">
						<h3><span class="attirance">a </span>Mes 5 dernières fiches vues</h3>
						<!-- tableau : documents aujourd'hui et du mois -->
						<table cellspacing="0" cellpadding="0">
							
							
							<thead style="background-color:#e7ede9;">
								<td class="headOnLeft">
									#
								</td>
								<td class="head">
									Domaine
								</td>
								<td class="head">
									Type
								</td>
								<td class="head">
									Titre
								</td>
								
								<td class="head">
									Auteur(s)
								</td>
							</thead>
							
							
							<?php
								$resultatDocListeDuJour = DocListeDuJour($user);	
								if ($resultatDocListeDuJour == "Aucun document en ligne pour le moment.") {
									?>
										<tr style="border:0px;">
										<td colspan="5" style="border:0px;">
										Aucunes fiches aujourd'hui ... <a href="#SNouvelleFiche" onclick="toNouvelleFiche(this.tagName)">En créer une ?</a>
										</td>
										</tr>
									<?php
								}
								else {
									echo $resultatDocListeDuJour;
								}
							?>
					
							
						
						</table>
						
						<br/>
						<h3><span class="attirance">b </span>Mes 5 dernières fiches crées</h3>
						<!-- tableau : documents aujourd'hui et du mois -->
						
						
						<?php
								$resultatDocListeDuMois = DocListeDuMois($user);	
								if ($resultatDocListeDuMois != "Aucun document en ligne pour le moment.") {
									
						?>
						
						<table cellspacing="0" cellpadding="0">
							
							
							<thead style="background-color:#e7ede9;">
								<td class="headOnLeft">
									#
								</td>
								<td class="head">
									Domaine
								</td>
								<td class="head">
									Type
								</td>
								<td class="head">
									Titre
								</td>
								
								<td class="head">
									Auteurs
								</td>
							</thead>
							
							
							<?php
								echo $resultatDocListeDuMois;	
							?>
					
							
						
						</table>
					
						<?php
							}
						?>
						
						
						<br/>
						<h3><span class="attirance">c </span>Mes 5 fiches que je consulte le plus</h3>
						<!-- tableau : documents aujourd'hui et du mois -->
						
						
						<?php
								$resultatDocListePlusVue = DocListePlusVue($user);	
								if ($resultatDocListePlusVue != "Aucun document en ligne pour le moment.") {
									
						?>
						
						<table cellspacing="0" cellpadding="0">
							
							
							<thead style="background-color:#e7ede9;">
								<td class="headOnLeft">
									#
								</td>
								<td class="head">
									Domaine
								</td>
								<td class="head">
									Type
								</td>
								<td class="head">
									Titre
								</td>
								
								<td class="head">
									Auteurs
								</td>
							</thead>
							
							
							<?php
								echo $resultatDocListePlusVue;	
							?>
					
							
						
						</table>
					
						<?php
							}
						?>
					
					</div>
				</td>
			</tr>
		</table>
			
	</div>


		<!-- ARCHIVES PRINCIPAL : le tableau des fiches -->
		<div id="archives">
			<table style="width:984px;">
				<tr>
					<td  valign="top"  style="width:180px;font-size:13px;">
					
						<a href="#SAccueil" rel="history" onClick="toAccueil()">Mon accueil</a><br/>
						<a class="sectionActuelle">Archives</a><br/>
						<!--<a href="#SRechercheAvance">Recherche avancée</a><br/>-->
					
						<br/>
						<u>Ma liste de tags  :</u>
						
						
						<li>
						
							<?php
								echo ListeTagUser($user, true);
							?>
							
						</li>
					</td>
					
					<td valign="top"  style="width:1000px;">
						<div id="entete-tableau">
							<div id="bouton" onclick="toNouvelleFiche()">
								Nouvelle fiche
							</div>
						</div>
					
			
						<div id="tableau">
							
							<input type="hidden" id="nombresFichesUtilisateur" value="<?php echo getNombreFiches($user)."\"/>"; ?>
							
							<table cellspacing="0" cellpadding="0">
								
								
								<tr>
									<td class="head">
										<input class="inputDieze" id="filtreDieze" onkeydown="filtrerTableauArchives()">
									</td>
									<td class="head">
										<select class="selectDomaine" id="filtreDomaine" onchange="filtrerTableauArchives()">
											<option name="domaine"> </option>
											<?php
												echo OptionDomaineUser($user, false);
											?>
										</select>
									</td>
									<td class="head">
										<select class="selectType" id="filtreType" onchange="filtrerTableauArchives()">
											<option name="type"> </option>
											<?php
												echo OptionTypeUser($user, false);
											?>
										</select>
									</td>
									<td class="head">
										<input class="inputTitre" id="filtreTitre" onkeydown="filtrerTableauArchives()">
									</td>
									<td class="head">
										
									</td>
									
									<td class="head">
										
									</td>
								</tr>
								
								<tr style="background-color:#e7ede9;">
									<td class="head">
										#
									</td>
									<td class="head">
										Domaine
									</td>
									<td class="head">
										Type
									</td>
									<td class="head">
										Titre
									</td>
									<td class="head">
										Date d'enregistrement
									</td>
									
									<td class="head">
										Auteurs
									</td>
								</tr>
								
								
								<?php
									echo DocListe($user);	
								?>
						
								
							
							</table>
							
							
						</div>
					</td>
				</tr>
			</table>
	</div>	
	
		<!-- NOUVELLE FICHE --->
		<div id="nouvelleFiche">
	
	<div width="0" height="0" style="display:none">
		<?php
			include('newFiche_FakeForm.html');
		?>
	</div>
	
	<table style="width:984px;">
				<tr>
					<td  valign="top"  style="width:180px;font-size:13px;">
	
						<a href="#SAccueil" onCLick="toAccueil()">Mon accueil</a><br/>
						<a href="#SArchives" onCLick="toArchives()">Archives</a><br/>
					
					<div id="aide">
						<h3><span class="attirance">? </span>Aide</h3>
						<p>
						Vous êtes actuellement sur votre page d'accueil, qui se présente tel un tableau de bord. Il y a aussi les archives, la recherche avancée, ainsi que la gestion de votre compte et de vos données. Vous pouvez aussi voir le détail d'une fiche, ou bien en créer une.
						</p>
					</div>

					</td>
					<td valign="top"  style="width:1000px;">
					<table width="700" cellspacing="10">
						

					  <tr>
						<td width="83" class="labelInput">Titre<span class="asterisk">*</span></td>
						<td colspan="3">
						
							<input id="newFicheTitre" name="titre" type="text" class="titreFiche grandInput" onKeyDown="verifChampsObligeatoires(this.id)"/>
							
						
						</td>
					  </tr>
					  
					  <tr>
						<td width="83" class="labelInput" valign="top"><span id="newFicheLabelAuteur">Auteur</span></td>
						<td colspan="3">
							
							<input id="newFicheAuteur1" name="titre" type="text" class="moyenInput"/>
							
							
							<div id="newFicheAutresAuteurs">
								
							</div>
							<a href="#SNouvelleFiche" id="newFicheAuteurAjout1" onClick="newFicheAjouterAuteur(1)">Ajouter un auteur</a>
							
						</td>
					  </tr>
					  
					  <tr>
						<td class="labelInput"><label for="domaine">Domaine<span class="asterisk">*</span></label></td>
						<td width="194"><?php
										if($messageconnexion=='')
										{
										$req="SELECT `ID_DOMAINEDOC` , `LIBELLEDOMAINEDOC`
												FROM `domainedocument`
												WHERE `ID_UTILISATEUR` ='$user'";
										$res= mysql_query($req);
											if ($res==true)
											{
											echo obtenirListeHTML($res, 0, 'newFicheDomaine');
											}
										}   
										?></td>
						<td width="93" class="labelInput"><label for="Référence">R&eacute;f&eacute;rence</label></td>
						<td width="202"><input id="newFicheRef" name="Référence" type="text" class="petitInput"/> </td>
					  </tr>
					  <tr>
						<td class="labelInput"><label for="Type">Type<span class="asterisk">*</span></label></td>
						<td><?php
										if($messageconnexion=='')
										{
										$req="SELECT `ID_TYPEDOC` , `LIBELLETYPEDOC`
												FROM `typedocument`
												WHERE `ID_UTILISATEUR` ='$user'";
										$res= mysql_query($req);
											if ($res==true)
											{
											$html=obtenirListeHTML($res, 0, 'newFicheType');
											echo($html);
											}
										}   
										?></td>
						<td class="labelInput"><label for="DateEdition">Date d'&eacute;dition</label></td>
						<td><input id="newFicheDateJour"/ maxlength="2" size="2" onkeydown="verifChampsAvecFormat(this.id, 'jour')"/>
							/
							<select id="newFicheDateMois">
								<option></option>
								<option value="1">Janvier</option>
								<option value="1">Février</option>
								<option value="1">Mars</option>
								<option value="1">Avril</option>
								<option value="1">Mai</option>
								<option value="1">Juin</option>
								<option value="1">Juillet</option>
								<option value="1">Août</option>
								<option value="1">Septembre</option>
								<option value="1">Octobre</option>
								<option value="1">Novembre</option>
								<option value="1">Décembre</option>
							</select>
							/
							<input id="newFicheDateAnnee"/ maxlength="4" size="4" onkeydown="verifChampsAvecFormat(this.id, 'annee')"/>
							</td>
					  </tr>
					  <tr>
						<td class="labelInput"><label for="Pertinence">Pertinence<span class="asterisk">*</span></label></td>
						<td><?php
										if($messageconnexion=='')
										{
										$req="SELECT `ID_PERTINENCEDOC` , `LIBELLEPERTINENCEDOC`
												FROM  `pertinencedocument`
												WHERE `ID_UTILISATEUR` ='$user'";
										$res= mysql_query($req);
											if ($res==true)
											{
											$html=obtenirListeHTML($res, 0, 'newFichePertinence');
											echo($html);
											}
										}   
										?> </td>
						<td class="labelInput"> </td>
						<td>
							
							
							
						
						</td>
					  </tr>
					  <tr>
						<td class="labelInput">Lien Internet</td>
						<td colspan="3"><input id="newFicheLien" name="lien" type="text" size="87" class="grandInput" value="http://www."/></td>
					  </tr>
					  <tr>
						<td valign="top" class="labelInput"><label for="Description">Description<span class="asterisk">*</span></label></td>
						<td colspan="3"><textarea name="Description" id="newFicheDescription" cols="66" rows="4" class="grandInput"  onKeyDown="verifChampsObligeatoires(this.id)"></textarea> </td>
					  </tr>
					  <tr>
						<td valign="top" class="labelInput"><label for="Commentaire">Commentaire:</label></td>
						<td colspan="3"><textarea name="Commentaire" id="newFicheCommentaire" cols="66" rows="1" class="grandInput"></textarea> </td>
					  </tr>
					  <tr>
						<td class="labelInput" valign="top"><label for="Upload" id="newFicheLabelDocument">Document associé</label></td>
						
						<td colspan="3" valign="top"> 	
							
							<form action="uploadFile.php5?firstUpload=1" id="newFicheUploadForm:1" name="newFicheUploadForm" method="post" enctype="multipart/form-data" target="iframeUpload">
								
								<input name="newFicheUpload" id="newFicheUpload:1" type="file" class="grandInput"  onchange="newFicheUploadDocument(this.id, 1)"/>
								<iframe name="iframeUpload" src="uploadFile.php5" width="0" height="0" style="display:none"></iframe>
							</form>
							
							
							<div id="messageBoxFormUpload:1"></div>
							
							
							
							<div id="newFicheAutresDocuments">
								
							</div>
							<a href="#SNouvelleFiche" id="newFicheDocumentAjout1" onClick="newFicheAjouterDocument(1)">Ajouter un autre document</a>
							
						</td>
					  </tr>
					  <tr>
						<td valign="top" class="labelInput">Tags</td>
						<td colspan="3">
							<?php
								echo ListeTagUser($user, false);
							?>
						</td>
					  </tr>
					  <tr>
						<td colspan="4">
						
						<div id="goNouvelleFiche">
							<input type="submit" style="disabled:true;" name="submitbutton" value="Créer !" onclick="nouvelleFiche()" class="SubmitNouvelleFiche"/> puis :<br/>
							
							<div class="margin">
							 <!--<input type="radio" id="afterCreer0" name="afterCreer">Visualiser cette fiche<br/>-->
							 <input type="radio" id="afterCreer1" name="afterCreer">Créer une autre fiche<br/>
							 <input type="radio" id="afterCreer2" name="afterCreer">Revenir à mon accueil<br/>
							 <input type="radio" id="afterCreer3" name="afterCreer" checked>Revenir aux archives de toutes mes fiches<br/>
							</div>
						 </div>
						</td>
					  </tr>
					  
				</table>
					</td>
				</tr>
		</table>
				
		<div id="cancelNouvelleFiche">
		Annuler : <a href="#SArchives" onClick="toArchives()">Retour à mon accueil</a> - <a href="#SAccueil"  onClick="toAccueil()">Retour aux archives</a>
		</div>

    <hr />
        <span>Note: Tous les champs marqu&eacute;s d'une <span class="asterisk">*</span> sont obligatoires.</span>
	</div>
	

</div>
	
	
	
  </body>

</html>
<?php
	}
?>